import Vue from 'vue';
import App from './App.vue';
import store from './store';
import router from './router';
import api from './api';

/* 导入公共样式 */
import 'amfe-flexible';
import '@/assets/reset.min.css';

/* 按需导入VANT组件 */
import {
  Button,
  Icon,
  Tabbar,
  TabbarItem,
  Skeleton,
  PullRefresh,
  Tag,
  NavBar,
  Lazyload,
  Search,
  Tab,
  Tabs,
  Swipe,
  SwipeItem,
  ActionSheet 
} from 'vant';
Vue.use(Button);
Vue.use(Icon);
Vue.use(Tabbar);
Vue.use(TabbarItem);
Vue.use(Skeleton);
Vue.use(PullRefresh);
Vue.use(Tag);
Vue.use(NavBar);
Vue.use(Lazyload);
Vue.use(Search);
Vue.use(Tab);
Vue.use(Tabs);
Vue.use(Swipe);
Vue.use(SwipeItem);
Vue.use(ActionSheet);

Vue.prototype.$api = api;
Vue.config.productionTip = false;

new Vue({
  store,
  router,
  render: h => h(App),
}).$mount('#app');